<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="css/zhuye.css">
</head>
<body>
	<div class="a">
		<p class="a1">您好!欢迎光临蔚蓝网[<a href="denglv.html" class="www">登录</a>&nbsp;|&nbsp;<a href="zhuce.html" class="www">免费注册</a>]</p>
		<div class="a2">
			<img src="images/header_shop.gif">
			<a href="gouwuche.html" class="a3">购物车&nbsp;|&nbsp;</a>
			<a href="" class="a3">我的账户&nbsp;|&nbsp;</a>
			<a href="" class="a3">我的订单&nbsp;|&nbsp;</a>
			<a href="" class="a3">礼品卡&nbsp;|&nbsp;</a>
			<a href="" class="a3">新手入门&nbsp;</a><img src="images/arrow_down.gif" alt=""><a href="" class="a3">|&nbsp;客服服务</a>
		</div>
	</div>
	<div>
		<img src="images/logo.png" class="a4">
		<input type="text" value="请输入搜索关键字 " class="a5">
		<img src="images/search.jpg" class="a6"><!-- 
		<img src="images/scroll.jpg" class="a7">
		<input type="button" value="关闭" class="a8"> -->
	</div>
	<div class="p6">
		<div>
		    <a href="" class="a7">全部商品分类</a>
	        <a href="zhuye.html" class="a8">首页</a>
			<a href="tushuye.html" class="a9">图书</a>
			<a href="" class="a10">特价</a>
			<a href="" class="a11">团购</a>
		</div>
			<img src="images/scroll.jpg" class="a12">
		    <input type="button" value="关闭" class="a13">
	</div>
		<div class="b">
			<p class="p"><img src="images/dd_book_cate_icon.gif"class="b1">
			<span class="sp">图书商品分类</span></p>
			<div id="b2">
				<a href="" class="b2">悬疑</a>|
				<a href="" class="b2">言情</a>|
				<a href="" class="b2">职场</a>|
				<a href="" class="b2">财经</a>
				<br>
				<a href="" class="b2">文学</a>|
				<a href="" class="b2">传记</a>|
				<a href="" class="b2">艺术</a>|
				<a href="" class="b2">摄影</a>
				<br>
				<a href="" class="b2">青春文学</a>|
				<a href="" class="b2">动漫</a>|
				<a href="" class="b2">幽默</a>
				<br>
				<a href="" class="b2">修养</a>|
				<a href="" class="b2">成功</a>|
				<a href="" class="b2">职场</a>|
				<a href="" class="b2">沟通</a>
				<br>
				<a href="" class="b2">0-2</a>|
				<a href="" class="b2">3-6</a>|
				<a href="" class="b2">7-10</a>|
				<a href="" class="b2">11-14</a>
				<br>
				<a href="" class="b2">文学</a>|
				<a href="" class="b2">科普</a>|
				<a href="" class="b2">图画书</a>
				<br>
				<a href="" class="b2">材料</a>|
				<a href="" class="b2">中小学教辅</a>|
				<a href="" class="b2">外语</a>
			</div>
		</div>
    <div class="slidershow middle">
        <div class="slides">
            <input type="radio" name="r" id="r1" checked>
            <input type="radio" name="r" id="r2">
            <input type="radio" name="r" id="r3">
            <input type="radio" name="r" id="r4">
            <div class="slide s1">
                <img src="images/scroll-01.jpg" alt="">
            </div>
            <div class="slide s2">
                <img src="images/scroll-02.jpg" alt="">
            </div>
            <div class="slide s3">
                <img src="images/scroll-03.jpg" alt="">
            </div>
            <div class="slide s4">
                <img src="images/scroll-04.jpg" alt="">
            </div>
        </div>
        <div class="navigation">
            <label for="r1" class="bar">1</label>
            <label for="r2" class="bar">2</label>
            <label for="r3" class="bar">3</label>
            <label for="r4" class="bar">4</label>
        </div>
    </div>
	<div id="b8">
		<p class="b9"><img src="images/dd_book_mess.gif" class="b10"><span class="an">书讯快递</span></p>
	<div id="rebox">
			<ul id="comment1">
				<li>·口述历史权威唐德刚先生国……</li>
		        <li>·袁伟民与体坛风云：实话实……</li>
		        <li>·我们台湾这些年：轰动两岸……</li> 
		        <li>·畅销教辅推荐：精品套书50……</li>
		        <li>·2010版法律硕士联考大纲75……</li> 
		        <li>·计算机新书畅销75折抢购</li>
                <li>·1009年孩子最喜欢的书>></li>
                <li>·佛洛伊德作品精选集59折</li>
			</ul>
			<ul id="comment2"></ul>
		</div>
	</div>
	<div class="b12">
		<p class="b13">电子书</p>
		<hr width="780px" size="2px" color="black">
	</div>
	<div class="c">
		<div class="c1">
			<img src="images/dianzi01.jpg">
		</div>
		<div class="c2">
			<img src="images/dianzi02.jpg">
		</div>
		<div class="c3">
			<img src="images/dianzi03.jpg">
		</div>
		<div class="c4">
			<img src="images/dianzi04.jpg">
		</div>
		<div class="c5">
			<img src="images/dianzi05.jpg">
		</div>
		<div class="c6">
			<img src="images/dianzi06.jpg">
		</div>
	</div>
    <section class="c7">
       <input type="button" value="图书畅销榜" class="c77">
       <input type="button" value="图书上新书榜" class="c777">
        <ul class="c27">
            <li><span>1</span>
                <p>追风筝的人</p>
                <dl>
                    <dt><img src="images/selling01.jpg"></dt>
                    <dd><h4>追风筝的人</h4>中文版，快乐大本营高<br>圆圆感动推荐，奥巴马<br>送给女儿的新年礼物</dd>
                </dl>
            </li>
            <hr>
            <li><span>2</span>
                <p>解忧杂货店</p>
                <dl>
                    <dt><img src="images/selling02.jpg"></dt>
                    <dd><h4>解忧杂货店</h4>《白夜行》后东野圭吾<br>备受欢迎作品:不是理<br>小说，却更扣人心弦</dd>
                </dl>
            </li>
            <hr>
            <li><span>3</span>
                <p>天才在左疯子在右</p>
                <dl>
                    <dt><img src="images/selling03.jpg"></dt>
                    <dd><h4>天才在左疯子在右</h4>新增10个被封杀篇章！看高智商疯子如何调戏和羞辱正常人！继高圆圆后，女神陈乔恩芒果台盛情推荐！</dd>
                </dl>
            </li>
            <hr>
            <li><span>4</span>
                <p>白夜行</p>
                <dl>
                    <dt><img src="images/selling04.jpg"></dt>
                    <dd><h4>白夜行</h4>东野圭吾推理小说无冕之王。全新精装典藏版</dd>
                </dl>
            </li>
            <hr>
            <li><span>5</span>
                <p>阮/陈恩静 吕亦涵 著</p>
                <dl>
                    <dt><img src="images/selling05.jpg"></dt>
                    <dd><h4>阮/陈恩静 吕亦涵 著</h4>商战风云诡谲X情场暗潮汹涌。这一生幸运的是—— 以你之名，冠我之姓</dd>
                </dl>
            </li>
            <hr>
            <li><span>6</span>
                <p>摆渡人</p>
                <dl>
                    <dt><img src="images/selling06.jpg"></dt>
                    <dd><h4>摆渡人</h4>畅销欧美33个国家，荣获多项图书大奖。如果命运是一条孤独的河流，谁会是你灵魂的摆渡人？如果我真的存在，也是因为你需要我。</dd>
                </dl>
            </li>
            <hr>
            <li><span>7</span>
                <p>岛上书店</p>
                <dl>
                    <dt><img src="images/selling07.jpg"></dt>
                    <dd><h4>岛上书店</h4>每个人的生命中，都有无比艰难的那一年，将人生变得美好而辽阔</dd>
                </dl>
            </li>
            <hr>
            <li><span>8</span>
                <p>百年孤独</p>
                <dl>
                    <dt><img src="images/selling08.jpg"></dt>
                    <dd><h4>百年孤独</h4>加西亚马尔克斯代表作，中文版首次授权！</dd>
                </dl>
            </li>
            <hr>
            <li><span>9</span>
                <p>我们仨</p>
                <dl>
                    <dt><img src="images/selling09.jpg"></dt>
                    <dd><h4>我们仨</h4>《我们仨》是杨绛先生撰写的家庭生活回忆录，三联书店出版，影响几代人的作品，杨绛先生经典散文！</dd>
                </dl>
            </li>
            <hr>
            <li><span>10</span>
                <p>从你的全世界路过</p>
                <dl>
                    <dt><img src="images/selling10.jpg"></dt>
                    <dd><h4>从你的全世界路过</h4>从你的全世界路过 2014中国好书榜获奖图书</dd>
                </dl>
            </li>
        </ul><!-- 
        <ul>
            <li><span>1</span>
                <p>好吗好的</p>
                <dl>
                    <dt><img src="images/newBook01.jpg"></dt>
                    <dd><h4>好吗好的</h4>凡8月12日20:00前下单顾客，100%有大冰亲笔签名，之后下单顾客先到先得签名。各仓到货时间不一致，请各位耐心等待。</dd>
                </dl>
            </li>
            <li><span>2</span>
                <p>永无止尽的约会</p>
                <dl>
                    <dt><img src="images/newBook02.jpg"></dt>
                    <dd><h1>永无止尽的约会</h1>永无止尽的约会</dd>
                </dl>
            </li>
            <li><span>3</span>
                <p>你的坚持，终将美好</p>
                <dl>
                    <dt><img src="images/newBook03.jpg"></dt>
                    <dd><h1>你的坚持，终将美好</h1>无论正在经历什么，都请你不要轻言放弃，因为从来没有一种坚持会被辜负</dd>
                </dl>
            </li>
            <li><span>4</span>
                <p>茧</p>
                <dl>
                    <dt><img src="images/newBook04.jpg"></dt>
                    <dd><h1>茧</h1>阔别十年，张悦然与我们再度重逢。真正的爱，是知道爱你有多困难还选择爱你；真正的长大，是知道生活的真相还热爱生活</dd>
                </dl>
            </li>
            <li><span>5</span>
                <p>就喜欢你看不惯我 </p>
                <dl>
                    <dt><img src="images/newBook05.jpg"></dt>
                    <dd><h1>就喜欢你看不惯我 </h1>霸气吾皇率蠢萌巴扎黑、伪深邃的牛能强势归来！</dd>
                </dl>
            </li>
            <li><span>6</span>
                <p>遇见美好系列</p>
                <dl>
                    <dt><img src="images/newBook06.jpg"></dt>
                    <dd><h1>遇见美好系列</h1>全8册，3-7岁心灵成长绘本。</dd>
                </dl>
            </li>
            <li><span>7</span>
                <p>八万四千问</p>
                <dl>
                    <dt><img src="images/newBook07.jpg"></dt>
                    <dd><h1>八万四千问</h1>宗萨蒋扬钦哲仁波切四年来首部作品：“佛法能够解决你们的所有问题。</dd>
                </dl>
            </li>
            <li><span>8</span>
                <p>极简生活：简而美地活</p>
                <dl>
                    <dt><img src="images/newBook08.jpg"></dt>
                    <dd><h1>极简生活：简而美地活</h1>极简是风靡全球的一种生活态度与理念。告别繁杂，拥有简而美的生活。</dd>
                </dl>
            </li>
            <li><span>9</span>
                <p>好妈妈胜过好老师</p>
                <dl>
                    <dt><img src="images/newBook09.jpg"></dt>
                    <dd><h1>好妈妈胜过好老师</h1>好妈妈胜过好老师2：自由的孩子最自觉</dd>
                </dl>
            </li>
            <li><span>10</span>
                <p>我们始终独自行走在这个世界</p>
                <dl>
                    <dt><img src="images/newBook10.jpg"></dt>
                    <dd><h1>我们始终独自行走在这个世界</h1>十点读书、二更食堂、清华南都等各大微信阅读平台，简书、豆瓣千万读者口碑相传作品。</dd>
                </dl>
            </li> -->
        </ul>
    </section>
	<!-- <div class="c7">
		<div>
			<input type="button" value="图书畅销榜" class="c8">
			<p class="d">1&nbsp;追风筝的人</p>
			    <div class="c9">
			    	<img src="" alt=""><h4>追风筝的人</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			    <div>
			    	<hr class="e">
			    </div>
			    
			<p class="d1">2&nbsp;解忧杂货店</p>
			    <div class="c9">
			    	<img src="" alt=""><h4>解忧杂货店</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			    <div>
					<hr class="e2">
			    </div>
			<p class="d2">3&nbsp;天才在左疯子在右
			<hr class="e3"></p>
			    <div class="c9">
			    	<img src="" alt=""><h4>解忧杂货店</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			    <div>
					<hr class="e2">
			    </div>
			<p class="d3">4&nbsp;白夜行
			<hr class="e4"></p>
			    <div class="c9">
			    	<img src="" alt=""><h4>解忧杂货店</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p> 
			    </div>
			    <div>
					<hr class="e2">
			    </div>
			<p class="d4">5&nbsp;阮/陈恩静&nbsp;吕亦涵 著
			<hr class="e5"></p>
			    <div class="c9">
			    	<img src="" alt=""><h4>解忧杂货店</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			    <div>
					<hr class="e2">
			    </div>
			<p class="d5">6&nbsp;摆渡人
			<hr class="e6"></p>
			    <div class="c9">
			    	<img src="" alt=""><h4>解忧杂货店</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			    <div>
					<hr class="e2">
			    </div>
			<p class="d6">7&nbsp;岛上书店
			<hr class="e7"></p>
			    <div class="c9">
			    	<img src="" alt=""><h4>解忧杂货店</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			    <div>
					<hr class="e2">
			    </div>
			<p class="d7">8&nbsp;百年孤独
			<hr class="e8"></p>
			    <div class="c9">
			    	<img src="" alt=""><h4>百年孤独</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			<p class="d8">9&nbsp;我们仨
			<hr class="e9"></p>
			    <div class="c9">
			    	<img src="" alt=""><h4>我们仨</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
			<p class="d9">10&nbsp;从你的全世界路过</p>
			    <div class="c9">
			    	<img src="" alt=""><h4>从你的全世界路过</h4><br><p>中文版，快乐大本营高圆圆感动推荐，奥巴马送个女儿的新年礼物</p>
			    </div>
		</div>
		<div>
			<input type="button" value="图书上新榜" class="c81">
			<img src="" alt=""><p></p>

		</div>
	</div> -->
	<div>
		<p class="p7"><span>正版保障&nbsp;|&nbsp;满额免运&nbsp;|&nbsp;货到付款&nbsp;|&nbsp;品种最全&nbsp;|&nbsp;免费退换</span></p>
	</div>
		<p class="p8">Copyright(c)蔚蓝网 2006-2016，All Rights Reserved <img src="images/validate.gif" >京ICP证100488号 出版物经营许可证 京批100160号</p>
</body>
<script>
	function $(id){
    return document.getElementById(id);
}
    window.onload = roll(50);
	function roll(t) {
		var ul1 = document.getElementById("comment1");
		var ul2 = document.getElementById("comment2");
		var moveStill = document.getElementById("rebox");
		ul2.innerHTML = ul1.innerHTML;
			moveStill.scrollTop = 0;
		var timer = setInterval(rollStart, t); 
		moveStill.onmouseover = function() {
			clearInterval(timer);
		}
		moveStill.onmouseout = function() {
			timer = setInterval(rollStart, t);
		}
	}
	function rollStart(){
		var ul1 = document.getElementById("comment1");
		var ul2 = document.getElementById("comment2");
		var moveStill = document.getElementById("rebox");
		if (moveStill.scrollTop >= ul1.scrollHeight){
			moveStill.scrollTop = 0;
		}else{
			moveStill.scrollTop++;
		}
	}
	function show(){
		css.style
	}
</script>
</html>